<section id="menu">

</section>
<header>{{nome}} {{cognome}}</header>

<!-- <div id="scrollableframe">
    <div class="scroller"> -->

        <div id="list" class="frame">
            <div class="badge">
                <img class="picture" src="{{immagine.url}}">
                <ul>
                   <!--  <li class="title1">Universita' degli Studi dell'Aquila</li>
                    <li class="title2">Scienze mm.ff.nn.</li> -->
                    <li class="subtitle1"><span class="label">Matricola:</span> {{matricola}} </li>
                    <li class="subtitle2">Professore</li>
                </ul>
            </div>
            
            <br>

            <section class="ac-container">
      
                <div>
                    <input id="ac-2" name="accordion-1" type="checkbox" />
                    
                        <label for="ac-2">Corsi tenuti</label>
                        <article class="selectable">
                            <div id="corsi" class="scrollerbox">
                                <div class="scroller">
                               
                                    <ul>
                                    </ul>
                                </div>
                            </div>  
                        </article>
                    
                </div>
                 <div>
                    <input id="ac-3" name="accordion-2" type="checkbox" />
                    
                        <label for="ac-3">Corsi tenuti in passato</label>
                        <article class="selectable">
                            <div id="pastcorsi" class="scrollerbox">
                                <div class="scroller">
                                    <ul>
                                    </ul>
                                </div>
                            </div>  
                        </article>
                    
                </div>
            </section>


        </div>
        <div class="textrow">
            <p><a href="#logout">Esci</a></p>
        </div>
       
        <div class="centercontent horizontal">
            <a href="#new-notice/{{objectId}}" class="button">
                <span class="icon addadvice"></span></a>
            <a href="#addcourse/{{objectId}}" class="button">
                <span class="icon addcourse"></span></a>
            <a href="#edit-appointment/{{objectId}}" class="button">
                <span class="icon appointment"></span></a>
        </div>

